* {
	font-family: Arial, Helvetica, sans-serif;
}

html {
	font-size: 62.5%;
	margin: 0rem;
	padding: 0rem;
	border-top-width: 0rem;
	border-right-width: 0rem;
	border-bottom-width: 0rem;
	border-left-width: 0rem;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
body {
	overflow: hidden;
	background-color: #EBEFEF;
}

section div {
	margin-bottom: 0,2rem!important;
	padding: 0.5rem;
	flex: 0 0 auto;
	font-size: 1.7rem;
	letter-spacing: 0.07rem;
	line-height: 100%;
}

/*SECTION FRASALES*/
section table, tbody{
	width: 100%;
}
section td {
	border-radius: 0rem;
}

/*FILAS VERBOS SIN PARTICULA========================================*/
section.frasales tr:nth-child(1) td:nth-child(1){
	width: 20%;
	font-weight: bold;
	padding-left: 1rem;
	color: #06179B;
	text-decoration: underline;
}
section.frasales tr:nth-child(1) td:nth-child(2){
	width: auto; 
	font-weight: normal;
	font-style: italic;
	padding-left: 1rem;
	font-size: 1.6rem;
}


/*FILAS VERBOS CON PARTICULA========================================*/

section.frasales tr+tr td:nth-child(odd) {
	width: 20%;
	font-weight: bold;
	color: #7E000F;
	padding-right: 1rem;
	text-align: right;
	font-size: 1.7rem;
}
section.frasales tr+tr td:nth-child(even){
	width: auto;
	font-weight: normal;
	font-size: 1.6rem;
	font-style: italic;
	padding-left: 1rem;
	background-color: #D7EBD7;
}

section.frasales tr:nth-child(2) td:nth-child(2){
	font-size: 1.6rem;
}
section.frasales td:nth-child(3){
	width: auto;
	color: #7E000F;
	padding-left: 1rem;
	text-align: left!important;
	background-color: none!important;
}
section.frasales tr+tr td {
 	display:none;
}
/*section.frasales tr+tr td:nth-child(2) {
	background-color: #D7E8E6;
}*/
section.frasales .activo {
	display: table-cell;
}
section.frasales .español2 {
	font-style: italic;
	color: #000000;
	font-size: 1.6rem;
	font-weight: normal;
}
section.frasales .ilumina2 {
	background-color: #F47A7C;	
}



td, th, h2, h3, h4, h5, h6, .resaltar, .resaltarBORDEplus, .resaltarBORDEtitulo, .resaltarBORDEtitulo_2, .ARRIBA img, .ARRIBA ul li  {
	border-radius: 1.5rem;
	-moz-border-radius: 1.5rem;
	font-family: Arial, Helvetica, sans-serif;
}
p , li{
	line-height: 130%;
	font-family: Arial, Helvetica, sans-serif;
}
h2 {
	margin: .5rem;
	border: .1rem solid #060;
	display: list-item;
	padding-top: .5rem;
	padding-right: 1.0rem;
	padding-bottom: .5rem;
	padding-left: 1.0rem;
	list-style-position: inside;
	list-style-image: url(IMAGENES/flecharojaderecha.gif);
	font-size: 2.4rem;
	background-color: #E1E8E8;
}
h3 {
	margin: .5rem;
	border: .1rem solid #060;
	display: inline-block;
	padding-top: .5rem;
	padding-right: 1.0rem;
	padding-bottom: .5rem;
	padding-left: 1.0rem;
	color: #009;
	background-color: #D7E8E6;
	font-size: 2.0rem;
}

h4 {
	margin: .5rem;
	border: .1rem solid #060;
	display: inline-block;
	padding-top: .5rem;
	padding-right: 1.0rem;
	padding-bottom: .5rem;
	padding-left: 1.0rem;
	color: #009;
	font-size: 1.8rem;
	font-weight: bold;
	font-style: italic;
	font-variant: small-caps;
	letter-spacing: .1rem;
}
h5 {
	padding-top: .5rem;
	padding-right: 1.0rem;
	padding-bottom: .5rem;
	padding-left: 1.0rem;
	background-color: #E7F1F0;
	font-size: 1.6rem;
	border: .1rem solid #060;
	margin-top: .5rem;
	margin-right: .5rem;
	margin-bottom: 1.5rem;
	margin-left: .5rem;
	display: inline-block;
	clear: both;
}


h6 {
	font-size: 1.6rem;
	display: table;
	margin-left: 2rem;
	margin-top: 2rem;
	margin-right: 1rem;
	margin-bottom: 1rem;
	padding: .5rem;
	color: #000;
	font-style: italic;
	font-weight: bold;
	clear: both;
	float: none;
	border: .1rem solid #060;
	background-color: #E1E8E8;
}
li {
	list-style-image: url(IMAGENES/flecha4.gif);
	list-style-position: outside;
}
td li {
	list-style-image: url(IMAGENES/flecha4.gif);
	list-style-position: inside;
}


.ARRIBA {
	position: absolute;
	width: 80%;
	left: 10%;
	top: .5rem;
	height: 7rem;
	padding: 0rem;
	margin-top: 0rem;
	margin-right: 0rem;
	margin-bottom: 0rem;
	/*background-color: #CBE1E2;*/
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, center bottom, center top, from(#E1E8E8), color-stop(30%,#FFFFFF), to(#E1E8E8));
	/* Safari 5.1+, Chrome 10+ */
	background: -webkit-linear-gradient(top,  #E1E8E8, #FFFFFF, #E1E8E8);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #E1E8E8, #FFFFFF, #E1E8E8);
	/* Opera 11.10+ */
	background: -o-linear-background(top,  #E1E8E8, #FFFFFF, #E1E8E8);
	/* IE 10 */
	background: -ms-linear-background(top,  #E1E8E8, #FFFFFF, #E1E8E8);
	/* estándar */
	background: linear-background(top,  #E1E8E8, #FFFFFF, #E1E8E8);
}
.ARRIBA .cabecera {
	font-size: 2.5rem;
	font-weight: 800;
	letter-spacing: .3rem;
	left: 30%;
	top: .5rem;
	color: #009;
	height: 0.5rem;
	position: absolute;
}

.ARRIBA img  {
	position: relative;
	height: 4.0rem;
	width: auto;
	left: .5rem;
	top: 1.5rem;
	/*margin-right: 250rem;*/
	z-index: 1;
	padding: 0rem;
}
.ARRIBA ul {
	position: absolute;
	padding: 0rem;
	border-top-width: 0rem;
	border-right-width: 0rem;
	border-bottom-width: 0rem;
	border-left-width: 0rem;
	display: block;
	right: 0rem;
	margin: 0rem;
	bottom: .5rem;
}
.ARRIBA ul  li{
	float: left;
	list-style-type: none;
	padding-right: .5rem;
	padding-left: .5rem;
	right: 0rem;
	font-size: 1.6rem;
	letter-spacing: .1rem;
	font-weight: 400;
	border: .2rem solid #CBE1E2;
	list-style-image: none;
	background-color: #F3FAF8;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0.2rem;
}
.ARRIBA ul li a  {
	text-decoration: none;
	color: #000099;
}
.ARRIBA .ilumina{
	text-decoration: none;
	background-color: #1D9BB1;
	z-index: -10;
	color: #FFFFFF;
	border-top-width: 0rem;
	border-right-width: 0rem;
	border-bottom-width: 0rem;
	border-left-width: 0rem;
}
.ARRIBA a:hover {
	z-index: 10;
	text-decoration: underline;
}





.IZQUIERDA {
	background-color: #E1E8E8;
	position: absolute;
	height: auto;
	min-height: 92%;
	width: 22%;
	top: 7.5rem;
	left: 10%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8rem;
	overflow: auto;
	padding-top: 2.5rem;
	padding-right: 0px;

	padding-bottom: .5rem;
	padding-left: 0px;
	border-top-width: 0rem;
	border-right-width: 0rem;
	border-bottom-width: 0rem;
	border-left-width: 0rem;
	z-index: 10;
	margin: 0rem;
}
.IZQUIERDA ul {
	padding: 0rem;
	border-top-width: 0rem;
	border-right-width: 0rem;
	border-bottom-width: 0rem;
	border-left-width: 0rem;
	height: auto;
	display: block;
	position: absolute;
	left: 1.0rem;
	top: 2.0rem;
	margin-top: 0rem;
	margin-right: 0rem;
	margin-bottom: 0rem;
	margin-left: 1.5rem;
	list-style-type: none;
}



.IZQUIERDA ul li {
	margin-bottom: 1.0rem;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4rem;
	font-weight: bold;
	float: left;
	left: 0rem;
	position: relative;
	width: 95%;
	list-style-image: none;
}
.IZQUIERDA ul li a {
	text-decoration: none;
	color: #030;
}

.IZQUIERDA ul li a:hover {
	text-decoration: underline;
}



.IZQUIERDA ul li ul {
	position: relative;
	left: 4.0rem;
	width: 30.0rem;
	top: 1.0rem;
	margin-bottom: 1.0rem;
	display: none;
}
.IZQUIERDA ul li ul li {
	float: left;
	position: relative;
	left: 0rem;
}



.DERECHA {
	background-color: #EBEFEF;
	position: absolute;
	width: 57%;
	height: 75%;
	min-height: 92%;
	right: 10%;
	top: 7.5rem;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8rem;
	font-weight: normal;
	overflow: scroll;
	padding-top: 2.5rem;
	padding-right: 1rem;
	padding-bottom: 0rem;
	padding-left: 1rem;
	text-align: left;
	list-style-type: disc;
	border-top-width: 0rem;
	border-right-width: 0rem;
	border-bottom-width: 0rem;
	border-left-width: 0.1rem;
	margin-right: 0rem;
	z-index: 99;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-left-color: #C1E6DC;
}
.DERECHA div {
	float: left;
	width: auto;
	position: relative;
	text-align: center;
	margin-bottom: 1.5rem;
}


.DERECHA p {
	margin: 0rem;
	padding: 0rem;
	text-indent: 2.5rem;
	font-size: 1.8rem;
	line-height: 140%;
}
.DERECHA li  {
	font-size: 1.7rem;
	line-height: 150%;
}

.DERECHA td+td ul {
	top: 0rem;
	list-style-type: none;
	margin: 0rem;
	padding: 0rem;
	border-top-width: 0rem;
	border-right-width: 0rem;
	border-bottom-width: 0rem;
	border-left-width: 0rem;
	position: relative;
}
.DERECHA .multicol3{
	-moz-column-count: 3;
	-moz-column-gap: 2.0rem;
	-webkit-column-count: 3;
	-webkit-column-gap: 1.0rem;
	text-align: left!important;
	float: none;
	padding: 0rem;
	position: relative;
	width: 100%!important;
	height: auto;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	text-indent: 0rem!important;
	margin-top: 0rem;
	margin-right: 2.5rem;
	margin-bottom: 0rem;
	margin-left: 2.5rem;
} 
.DERECHA .multicol2 {
	-moz-column-count: 2;
	-moz-column-gap: 2.0rem;
	-webkit-column-count: 2;
	-webkit-column-gap: 1.0rem;
	text-align: left!important;
	float: none;
	padding: 0rem;
	position: relative;
	width: 100%!important;
	height: auto;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	text-indent: 0rem!important;
	margin-top: 0rem;
	margin-right: 2.5rem;
	margin-bottom: 0rem;
	margin-left: 2.5rem;
}
.DERECHA .multicol1 {
	text-align: left!important;
	margin: 0rem;
	text-indent: 0!important;
	clear: both;
	width: 100%;
	padding-top: 1.5rem;
	padding-right: 15.0rem;
	padding-bottom: 3.0rem;
	padding-left: 15.0rem;
}


.DERECHA .multicol3 p {
	text-indent: 0;
}
.DERECHA .multicol2 p {
	text-indent: 0;
}
.DERECHA .multicol1 p {
	text-indent: 0;
}
.DERECHA td.inglespan1 , .DERECHA td span.inglespan1{
	margin-right: 0rem;
	margin-left: 0rem;
	padding: 0rem;
}







.resaltar {
	background-color: #EFE;
	padding-right: .5rem;
	padding-left: .5rem;
	color: #00C;
	border: .2rem solid #F75400;
}
.resaltarBORDE {
	border: .2rem double #9BC6C0;
	padding-right: .5rem;
	padding-left: .5rem;
	display: inline-block;
}
.resaltarBORDEversalita {
	border: .2rem double #9BC6C0;
	padding-right: .5rem;
	padding-left: .5rem;
	font-size: 1.2rem;
	font-variant: small-caps;
	display: inline;
}
.resaltarversalitanegrilla {
	padding-right: .5rem;
	padding-left: .5rem;
	font-size: 1.2rem;
	font-variant: small-caps;
	border-top-width: 0rem;
	border-right-width: 0rem;
	border-bottom-width: 0rem;
	border-left-width: 0rem;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: bold;
	letter-spacing: .1rem;
}


.resaltarBORDEplus {
	padding-right: .5rem!important;
	padding-left: .5rem!important;
	border: .3rem solid #9BC6C0;
	background-color: #EFE;
	display: inline;
}
.resaltarBORDEtitulo {
	padding-right: .5rem!important;
	padding-left: .5rem!important;
	background-color: #EFE;
	display: inline;
	line-height: 200%;
	border-top-width: .1rem;
	border-right-width: .3rem;
	border-bottom-width: .3rem;
	border-left-width: .1rem;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #9BC6C0;
	border-right-color: #61A59A;
	border-bottom-color: #61A59A;
	border-left-color: #9BC6C0;
}
.resaltarBORDEtitulo_2 {
	padding-right: .5rem!important;
	padding-left: .5rem!important;
	background-color: #EFE;
	display: block;
	border-top-width: .1rem;
	border-right-width: .3rem;
	border-bottom-width: .3rem;
	border-left-width: .1rem;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #9BC6C0;
	border-right-color: #61A59A;
	border-bottom-color: #61A59A;
	border-left-color: #9BC6C0;
}




ul li ul li a.active{
	list-style-position: outside;
	list-style-image: url(IMAGENES/flecharojaderecha.gif);
	margin: 0rem;
	padding: 0rem;
	display: list-item;
	color: #600;
	border-top-width: 0rem;
	border-right-width: 0rem;
	border-bottom-width: 0rem;
	border-left-width: 0rem;
}
a.active[href="#"] {
	list-style-type: none;
	color: #600;
}
a.active:not([href="#"]) {
	color: #600;
}
.active {
	border: .1rem solid #060;
	padding-top: .1rem;
	padding-right: .3rem;
	padding-bottom: .1rem;
	padding-left: .3rem;
}
.superindice  {
	color: #900;
	font-size: 1.4rem;
	font-weight: bolder;
	letter-spacing: .1rem;
	vertical-align: super;
	font-variant: small-caps;
}

.nouso  {
	text-decoration: line-through;
	display: table-cell;
}


.español {
	font-style: italic;
	color: #000000;
	font-size: 1.6rem;
	font-weight: normal;
}

.inglesrojo {
	font-weight: bold;
	color: #900;
}
.inglesrojofino {
	font-weight: normal;
	color: #9F0404;
}

.inglesnegro {
	font-weight: bold!important;
	font-size: 1.8rem;
}

.inglespan1 , p.inglespan1{
	text-indent: 0;
	padding: 0rem;
	margin-top: 0rem;
	margin-right: 2.5rem;
	margin-bottom: 0rem;
	margin-left: 2.5rem;
	font-size: 1.8rem;
	font-weight: bold;

}

.inglespan2 {
	font-style: italic;
	color: #000000;
	font-size: 1.6rem;
	font-weight: normal;
	margin-left: .5rem;
}
.SECUENCIAverbo {
	vertical-align: middle;
	border-top-width: 0rem;
	border-right-width: 0rem;
	border-bottom-width: 0rem;
	border-left-width: 0rem;
	margin-right: auto;
	margin-left: auto;
	width: auto;
}

.SECUENCIAverbo th {
	background-color: #D7E8E6;
	position: relative;
	height: auto;
	width: auto;
	vertical-align: middle;
	border: .5rem solid #EBEFEF;
	margin: auto;
	padding: 1.0rem;
}

.SECUENCIAverbo td {
	background-color: #D7E8E6;
	position: relative;
	height: auto;
	width: auto;
	vertical-align: middle;
	border: 1rem solid #EBEFEF;
	margin: 0rem;
	padding: .5rem;
	text-align: left;
}
.SECUENCIAverbo td + td {
	background-color: #D7E8E6;
	position: relative;
	height: auto;
	width: auto;
	vertical-align: middle;
	border: 1rem solid #EBEFEF;
	margin: 0rem;
	padding-top: .5rem;
	padding-right: .5rem;
	padding-left: .5rem;
	padding-bottom: .5rem;
	text-align: right;
}
.SECUENCIAverbo td + td +td {
	background-color: #D7E8E6;
	position: relative;
	height: auto;
	width: auto;
	vertical-align: middle;
	border: .1rem solid #EBEFEF;
	margin: 0rem;
	padding: .5rem;
	text-align: left;
}
.SECUENCIAverboprin {
	vertical-align: middle;
	border-top-width: 0rem;
	border-right-width: 0rem;
	border-bottom-width: 0rem;
	border-left-width: 0rem;
	margin-right: auto;
	margin-left: auto;
	width: auto;
}
.SECUENCIAverboprin th {
	position: relative;
	height: auto;
	width: auto;
	vertical-align: middle;
	border: 5rem solid #EBEFEF;
	margin: auto;
}
.SECUENCIAverboprin td {
	background-color: #D7E8E6;
	position: relative;
	height: auto;
	width: auto;
	vertical-align: middle;
	border: .1rem solid #EBEFEF;
	margin: auto;
	text-align: left;
	padding: .5rem;
}

.SECUENCIA1 {
	vertical-align: middle;
	text-align: center;
	border-top-width: 0rem;
	border-right-width: 0rem;
	border-bottom-width: 0rem;
	border-left-width: 0rem;
	background-position: center;
	margin-right: auto;
	margin-left: auto;
	width: auto;
	}



.SECUENCIA1 td {
	background-color: #D7E8E6;
	position: relative;
	height: auto;
	width: auto;
	vertical-align: middle;









	border: .5rem solid #EBEFEF;
	margin: auto;
	text-align: center;
	background-position: center;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.SECUENCIA2 {
	vertical-align: middle;
	border-top-width: 0rem;
	border-right-width: 0rem;
	border-bottom-width: 0rem;
	border-left-width: 0rem;
	margin-right: auto;
	margin-left: auto;
	width: auto;
}



.SECUENCIA2 td {
	background-color: #D7E8E6;
	position: relative;
	height: auto;
	width: auto;
	vertical-align: middle;
	border: .5rem solid #EBEFEF;
	margin: auto;
	padding: 1.0rem;
	text-align: left;
}


.SECUENCIA1 td.obscura, .SECUENCIA2 td.obscura,
.SECUENCIA1 th,
.SECUENCIA2 th,
.SECUENCIAverbo th, .SECUENCIAverboprin th{
	background-color: #BDD9D6;
	position: relative;
	height: auto;
	width: auto;
	vertical-align: middle;
	border: .5rem solid #EBEFEF;
	margin: auto;
	padding: 1.0rem;
	text-align: left;
	color: #009;
}

.SECUENCIA2 td.nousocelda {
	background-color: #87BAB4;
	position: relative;
	height: auto;
	width: auto;
	vertical-align: middle;
	border: .5rem solid #EBEFEF;
	margin: auto;
	padding: 1.0rem;
	text-decoration: line-through;
}


.SECUENCIA1 tr td li  {
	text-align: left;
	margin: 0rem;
	border: .4rem solid #EBEFEF;
	list-style-type: none;
	list-style-image: none;
	padding-top: 0rem;
	padding-right: .5rem;
	padding-bottom: 0rem;
	padding-left: .5rem;
	width:auto;
	background-color: #D7E8E6;
}

.SECUENCIA_VERBOS_FRASALES {
	height: auto;
	width: auto;
	position: relative;
	vertical-align: middle;
	border-top-width: 0rem;
	border-right-width: 0rem;
	border-bottom-width: 0rem;
	border-left-width: 0rem;
}
.SECUENCIA_VERBOS_FRASALES td{
	height: auto;
	width: auto;
	position: relative;
	color: #000;
	background-color: #D7E8E6;
	padding: .5rem;
	display: table-cell;
	margin: 0rem;
	border-radius: .5rem;
	-moz-border-radius: .5rem;
	font-weight: bold;
	border-top-width: 0rem;
	border-right-width: 0rem;
	border-bottom-width: 0rem;
	border-left-width: 0rem;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.SECUENCIA_VERBOS_FRASALES td+td {
	height: auto;
	width: auto;
	position: relative;
	background-color: #D7E8E6;
	padding: .5rem;
	margin-top: 1.0rem;
	margin-right: 0rem;
	margin-bottom: 1.0rem;
	margin-left: 1.0rem;
	display: table-cell;
	font-size: 1.6rem;
	color: #900;
	font-weight: bold;
}
.SECUENCIA_VERBOS_FRASALES td+td+td {
	height: auto;
	width: auto;
	position: relative;
	color: #00C;
	background-color: #D7E8E6;
	padding: .5rem;
	margin-top: 1.0rem;
	margin-right: 0rem;
	margin-bottom: 1.0rem;
	margin-left: 1.0rem;
	display: table-cell;
	font-weight: normal;
	font-variant: normal;
	font-style: italic;
}
.tablaDATOS {
}
.tablaDATOS td {
	border-radius: 0rem;
	-moz-border-radius: 0rem;
	margin: 0rem;
	padding-right: .5rem;
	padding-left: .5rem;
	border-top-width: 0rem;
	border-right-width: 0rem;
	border-bottom-width: 0rem;
	border-left-width: 0rem;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #EBEFEF;
	border-right-color: #EBEFEF;
	border-bottom-color: #EBEFEF;
	border-left-color: #EBEFEF;
}
.tablaDATOSverbo  {
	font-weight: bold;
	color: #00C;
}
.tablaDATOSpart  {
	color: #900;
}
.tablaDATOSobj {
	font-weight: bold;
}
.tablaDATOStrad {
	font-style: italic;
	font-size: 1.4rem;
	max-width:25.0rem;
}
.tablaDATOSejem {
	font-style: italic;
	font-size: 1.6rem;
}
.tablaDATOS tr:nth-child(even) {
	background-color: #EBEFEF;
}
.tablaDATOS tr:nth-child(odd) {
	background-color: #F3FAF8;
	border: medium solid #EBEFEF;
}
.DERECHA .SECUENCIAverbo tbody tr td {
}



@media screen and (max-width:1400px){.ARRIBA {width:100%; left:0%;} .IZQUIERDA {width:30%; left:0%;} .DERECHA {width:65%; right:0%;}}